html {
  //background: #484848;
  color: #FFFFFF !important;

  body {
    margin: 0 !important;
    padding: 0 !important;
  }
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.mr-10px {
  margin-right: 10px;
}

.mr-15px {
  margin-right: 15px;
}

.p-20px {
  padding: 20px;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.mb-10px {
  margin-bottom: 10px;
}

.mb-15px {
  margin-bottom: 15px;
}

.cursor-pointer {
  cursor: pointer;
}



/* 阴影 */
.shadow-sm {
  box-shadow: 0 2rpx 4rpx rgba(114, 130, 138, 0.2) !important;
}

.shadow {
  box-shadow: 0 8rpx 16rpx rgba(114, 130, 138, 0.2) !important;
}

.shadow-lg {
  box-shadow: 0 16rpx 48rpx rgba(114, 130, 138, 0.2) !important;
}

/* 字体 */
.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 23px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-25 {
  font-size: 25px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-27 {
  font-size: 27px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-29 {
  font-size: 29px !important;
}

.font-30 {
  font-size: 30px !important;
}

.font-31 {
  font-size: 31px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-33 {
  font-size: 33px !important;
}

.font-34 {
  font-size: 34px !important;
}

.font-35 {
  font-size: 25px !important;
}

.font-weight {
  font-weight: bold !important;
}

.font-weight-100 {
  font-weight: 100 !important;
}

.font-weight-200 {
  font-weight: 200 !important;
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

/* 定位 */
.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-relative {
  position: relative;
}

.left-0 {
  left: 0;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.right-0 {
  right: 0;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* 宽 */
.width-5 {
  width: 5%;
}

.width-10 {
  width: 10%;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-30 {
  width: 30%;
}

.width-33 {
  width: 33.33%;
}

.width-35 {
  width: 35%;
}

.width-40 {
  width: 40%;
}

.width-45 {
  width: 45%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-65 {
  width: 65%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-85 {
  width: 85%;
}

.width-90 {
  width: 90%;
}

.width-91 {
  width: 91%;
}

.width-92 {
  width: 92%;
}

.width-93 {
  width: 93%;
}

.width-94 {
  width: 94%;
}

.width-95 {
  width: 95%;
}

.width-100 {
  width: 100%;
}

/* 高 */
.height-5 {
  height: 5%;
}

.height-10 {
  height: 10%;
}

.height-15 {
  height: 15%;
}

.height-20 {
  height: 20%;
}

.height-25 {
  height: 25%;
}

.height-30 {
  height: 30%;
}

.height-35 {
  height: 35%;
}

.height-40 {
  height: 40%;
}

.height-45 {
  height: 45%;
}

.height-50 {
  height: 50%;
}

.height-55 {
  height: 55%;
}

.height-60 {
  height: 60%;
}

.height-65 {
  height: 65%;
}

.height-70 {
  height: 70%;
}

.height-75 {
  height: 75%;
}

.height-80 {
  height: 80%;
}

.height-85 {
  height: 85%;
}

.height-90 {
  height: 90%;
}

.height-95 {
  height: 95%;
}

.height-100 {
  height: 100%;
}

/* flex布局 */
.d-flex {
  display: flex;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.flex-1 {
  flex: 1;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-shrink {
  flex-shrink: 0;
}

.j-start {
  justify-content: flex-start;
}

.j-center {
  justify-content: center;
}

.j-end {
  justify-content: flex-end;
}

.j-sb {
  justify-content: space-between;
}

.j-sa {
  justify-content: space-around;
}

.a-center {
  align-items: center;
}

.a-start {
  align-items: flex-start;
}

.a-end {
  align-items: flex-end;
}

.a-stretch {
  align-items: stretch;
}

.a-self-start {
  align-self: flex-start;
}

.a-self-auto {
  align-self: auto;
}

.a-self-end {
  align-self: flex-end;
}

.a-self-stretch {
  align-self: stretch;
}

.a-self-baseline {
  align-self: baseline;
}

.flex-grow1 {
  flex-grow: 1
}

;

.flex-grow2 {
  flex-grow: 2
}

;

.flex-grow3 {
  flex-grow: 3
}

;


/* Border */

// .borders{border: 1px solid #000000 !important;}
// .borderss{border: 1px solid #000000 !important;}
// .border{  border-width: 1px; border-style: solid; border-color: var(--borderColor);}
// .border-top{ border-top-width: 1px; border-top-style: solid; border-top-color: var(--borderColor); }
// .border-right{ border-right-width: 1px; border-right-style: solid; border-right-color: var(--borderColor);}
// .border-bottom{ border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color:var(--borderColor);}
// .border-left{ border-left-width: 1px;border-left-style: solid;border-left-color:var(--borderColor);}
// .borderNo{border: none !important;}

.borderRadius {
  border-radius: 50% !important;
}

.borderRadiusNo {
  border-radius: 0px !important;
}

.borderRadius-10 {
  border-radius: 10px !important;
}

.borderRadius-15 {
  border-radius: 15px !important;
}

.borderRadius-16 {
  border-radius: 16px !important;
}

.borderRadius-20 {
  border-radius: 20px !important;
}

.borderRadius-25 {
  border-radius: 25px !important;
}

.borderRadiusNo {
  border-radius: 0px !important;
}


/* Spacing */
.pd-0 {
  padding: 0px;
}

.pd-5 {
  padding: 5px;
}

.pd-10 {
  padding: 10px;
}

.pd-20 {
  padding: 20px;
}

.pd-24 {
  padding: 24px;
}

.pd-30 {
  padding: 30px;
}

.pd-40 {
  padding: 40px;
}

.pd-50 {
  padding: 50px;
}


.mg-0 {
  margin: 0px;
}

.mg-5 {
  margin: 5px;
}

.mg-10 {
  margin: 10px;
}

.mg-20 {
  margin: 20px;
}

.mg-30 {
  margin: 30px;
}

.mg-40 {
  margin: 40px;
}

.mg-50 {
  margin: 50px;
}


.mtop-5 {
  margin-top: 5px;
}

.mtop-10 {
  margin-top: 10px;
}

.mtop-15 {
  margin-top: 15px;
}

.mtop-20 {
  margin-top: 20px;
}

.mtop-24 {
  margin-top: 24px;
}

.mtop-25 {
  margin-top: 25px;
}

.mtop-30 {
  margin-top: 30px;
}

.mtop-32 {
  margin-top: 32px;
}

.mtop-35 {
  margin-top: 35px;
}

.mtop-40 {
  margin-top: 40px;
}

.mtop-45 {
  margin-top: 45px;
}

.mtop-48 {
  margin-top: 48px;
}

.mtop-50 {
  margin-top: 50px;
}

.mtop-55 {
  margin-top: 55px;
}

.mtop-60 {
  margin-top: 60px;
}

.mtop-65 {
  margin-top: 65px;
}

.mtop-70 {
  margin-top: 70px;
}

.mtop-75 {
  margin-top: 75px;
}

.mtop-80 {
  margin-top: 80px;
}

.mtop-85 {
  margin-top: 85px;
}

.mtop-90 {
  margin-top: 90px;
}

.mtop-95 {
  margin-top: 95px;
}

.mtop-100 {
  margin-top: 100px;
}

.mtop-110 {
  margin-top: 110px;
}

.mtop-120 {
  margin-top: 120px;
}

.mtop-130 {
  margin-top: 130px;
}

.mtop-140 {
  margin-top: 140px;
}

.mtop-150 {
  margin-top: 150px;
}

.mtop-180 {
  margin-top: 180px;
}

.mtop-200 {
  margin-top: 200px;
}

@import url('@/assets/style/blue/iconfont/iconfont.css');

@import url('@/assets/style/404.less');
@import url('@/assets/style/blue/dynamic-table.less');
@import url('@/assets/style/blue/dynamic-head.less');
@import url('@/assets/style/blue/dynamic-form.less');
@import url('@/assets/style/blue/dynamic-dialog.less');
@import url('@/assets/style/blue/dynamic-menus.less');
@import url('@/assets/style/blue/dynamic-tabs.less');
@import url('@/assets/style/blue/login.less');

@import url('@/assets/style/blue/monitor/home.less');
@import url('@/assets/style/blue/monitor/beds.less');
@import url('@/assets/style/blue/monitor/device.less');
@import url('@/assets/style/blue/monitor/personnel.less');
@import url('@/assets/style/blue/monitor/hrv.less');
@import url('@/assets/style/blue/monitor/room.less');
@import url('@/assets/style/blue/monitor/real-time.less');
@import url('@/assets/style/blue/monitor/history-chart.less');


@import url('@/assets/style/blue/middle/device.less');
@import url('@/assets/style/blue/middle/product.less');